<!DOCTYPE html>
<html>
  
  <head data-gwd-animation-mode="proMode">
    <link href="gwdtaparea_style.css" data-version="1.1" data-exports-type="gwd-taparea" rel="stylesheet">
    <link href="gwdpagedeck_style.css" data-version="1" data-exports-type="gwd-pagedeck" rel="stylesheet">
    <script data-source="custom.elements.min.js" type="text/javascript" src="custom.elements.min.js"></script>
    <title>Globe Sight</title>
    <meta name="generator" content="Google Web Designer 1.1.2.0814">
    <meta name="template" content="Expandable 2.0.16">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--link href="http://cucm.syntax3rror.co.cc/samples/css/style.css" rel="stylesheet" type="text/css" media="screen" /-->    
    <style type="text/css" id="gwd-lightbox-style">
      .gwd-lightbox {
        overflow: hidden;
        border: 1px dashed #a0a0a0;
      }
        
        div.videocontainer{
            display: none;
            position: absolute;
            top: 260px;
            width: 100%;
        }
        div#videocontainer{
            display: none;
        }
        #videocontainer div{
            
        }
        div#remotevideocontainer {
            height: 600px;
            width: 100%;
        }
        div#remotevideocontainer object {
            height: 100%;
            width: 100%;
        }
      
    </style>
    <link href="style.css" data-version="1" data-exports-type="gwd-pagedeck" rel="stylesheet">
    <script data-source="gwdpage_min.js" data-version="1" data-exports-type="gwd-page" type="text/javascript" src="gwdpage_min.js"></script>
    <script data-source="gwdpagedeck_min.js" data-version="1" data-exports-type="gwd-pagedeck" type="text/javascript" src="gwdpagedeck_min.js"></script>
    <script data-source="gwdimage_min.js" data-version="1" data-exports-type="gwd-image" type="text/javascript" src="gwdimage_min.js"></script>
    <script type="text/javascript" gwd-events="support" src="gwd-events-support.1.0.js"></script>
   <script type="text/javascript" src="/js/ciscobase.js"></script>
<!--    <script type="text/javascript" src="/js/cwic/cwic.js"></script> -->
<!--    <script type="text/javascript" src="/js/fullscreen.js"></script> -->
<!--    <script type="text/javascript" src="/js/sample_helpers.js"></script> -->
    <script type="text/javascript" src="/js/cwic/cwic.js"></script> 
<!--    <script type="text/javascript" src="/js/fullscreen.js"></script> -->
<!--    <script type="text/javascript" src="/js/sample_helpers.js"></script> -->
    <script type="text/javascript" src="/js/jabbervideo.js"></script>    
    <script type="text/javascript" gwd-events="handlers">  

      gwd.auto_Callbutton_tapAction = function(event) {
        // GWD Predefined Function
        gwd.actions.gwdPagedeck.goToPage('pagedeck', 'menu', 'fade', 500, 'linear', 'top');
        
        
        //tawags.setParticipant("6969").call(null);
      };
      gwd.auto_Gwd_taparea_1Action = function(event) {
        // GWD Predefined Function
        gwd.actions.gwdPagedeck.goToPage('pagedeck', 'welcome', 'fade', 500, 'ease-in-out', 'top');
      };
      gwd.auto_Tap_postpaidAction = function(event) {
        // GWD Predefined Function
        
        //tawags.__init();
        if (tawags.isPhoneRegistered()){
            gwd.actions.gwdPagedeck.goToPage('pagedeck', 'video', 'fade', 500, 'ease-in-out', 'top');
            //if (tawags.createVideoWindow('videoobject')){
                jQuery("#videocontainer").show();
                jQuery(".videocontainer").show();
                tawags.setParticipant("6969").call(null);
            //}
        }else{
            console.log("=======>> Phone working to register please try in moment");
        }
        
      };
      gwd.auto_Tap_prepaidAction = function(event) {
        // GWD Predefined Function
        gwd.actions.gwdPagedeck.goToPage('pagedeck', 'video', 'push', 500, 'ease-in-out', 'top');
        //tawags = jQuery("#phonecontainer").wJabber();
        tawags.setParticipant("6969").call(null);
      };
      gwd.auto_Tap_broadbandAction = function(event) {
        // GWD Predefined Function
        gwd.actions.gwdPagedeck.goToPage('pagedeck', 'video', 'push', 500, 'ease-in-out', 'top');
        tawags.__init()
              .setParticipant("6969").call(null);
      };
      gwd.auto_Tap_businessAction = function(event) {
        // GWD Predefined Function
        gwd.actions.gwdPagedeck.goToPage('pagedeck', 'video', 'fade', 500, 'ease-in-out', 'top');
        tawags = jQuery("#phonecontainer").wJabber();
        tawags.setParticipant("6969").call(null);
      };
      gwd.auto_AccessibilityTouchenter = function(event) {
        // GWD Predefined Function
        gwd.actions.gwdPagedeck.goToPage('pagedeck', 'video', 'none', 1000, 'linear', 'top');
      };
      gwd.auto_Endcall_buttonClick1 = function(event) {
        // GWD Predefined Function
        gwd.actions.events.setInlineStyle('endcall_dialog', 'transition: all 0.5s linear; opacity: 1; ');
        
      };
      gwd.auto_Endcall_yesAction = function(event) {
        // GWD Predefined Function
        //alert("gwd.auto_Endcall_yesAction");
        tawags.endCall();
        gwd.actions.gwdPagedeck.goToPage('pagedeck', 'welcome', 'fade', 500, 'ease-in-out', 'top');
        jQuery("#videocontainer").hide();
        jQuery(".videocontainer").hide();
        
      };
      gwd.auto_Endcall_noAction = function(event) {
        // GWD Predefined Function
        //alert("auto_Endcall_noAction");
        gwd.actions.events.setInlineStyle('endcall_dialog', 'transition: all 0.5s ease-in-out; opacity: 0; ');
      };
      gwd.auto_Endcall_noAction1 = function(event) {
        // GWD Predefined Function
        //alert("auto_Endcall_noAction1");
        gwd.actions.events.setInlineStyle('endcall_button', 'transition: all 0.5s ease-in-out; opacity: 1; ');
      };
      gwd.auto_Endcall_yesAction1 = function(event) {
        // GWD Predefined Function
        //alert("auto_Endcall_yesAction1");
        tawags.endCall();
        gwd.actions.events.setInlineStyle('endcall_dialog', 'transition: all 0.5s ease-in-out; opacity: 0; ');
      };
      gwd.auto_Endcall_buttonClick = function(event) {
          //alert("gwd.auto_Endcall_buttonClick");
        // GWD Predefined Function
        gwd.actions.events.setInlineStyle('endcall_button', 'transition: all 0.5s ease-in-out; opacity: 0; ');
      };
    </script>
    <script type="text/javascript" gwd-events="registration">
      // Support code for event handling in Google Web Designer
      // This script block is auto-generated. Please do not edit!
      gwd.actions.events.registerEventHandlers = function(event) {
        gwd.actions.events.addHandler('callbutton', 'click', gwd.auto_Callbutton_tapAction, false);
        gwd.actions.events.addHandler('gwd-taparea_1', 'action', gwd.auto_Gwd_taparea_1Action, false);
        gwd.actions.events.addHandler('tap_postpaid', 'action', gwd.auto_Tap_postpaidAction, false);
        gwd.actions.events.addHandler('tap_prepaid', 'action', gwd.auto_Tap_prepaidAction, false);
        gwd.actions.events.addHandler('tap_broadband', 'action', gwd.auto_Tap_broadbandAction, false);
        gwd.actions.events.addHandler('tap_business', 'action', gwd.auto_Tap_businessAction, false);
        gwd.actions.events.addHandler('accessibility', 'click', gwd.auto_AccessibilityTouchenter, false);
        gwd.actions.events.addHandler('endcall_button', 'click', gwd.auto_Endcall_buttonClick1, false);
        gwd.actions.events.addHandler('endcall_button', 'click', gwd.auto_Endcall_buttonClick, false);
        gwd.actions.events.addHandler('endcall_yes', 'action', gwd.auto_Endcall_yesAction, false);
        gwd.actions.events.addHandler('endcall_yes', 'action', gwd.auto_Endcall_yesAction1, false);
        gwd.actions.events.addHandler('endcall_no', 'action', gwd.auto_Endcall_noAction, false);
        gwd.actions.events.addHandler('endcall_no', 'action', gwd.auto_Endcall_noAction1, false);
        
      };
      gwd.actions.events.deregisterEventHandlers = function(event) {
        gwd.actions.events.removeHandler('callbutton', 'click', gwd.auto_Callbutton_tapAction, false);
        gwd.actions.events.removeHandler('gwd-taparea_1', 'action', gwd.auto_Gwd_taparea_1Action, false);
        gwd.actions.events.removeHandler('tap_postpaid', 'action', gwd.auto_Tap_postpaidAction, false);
        gwd.actions.events.removeHandler('tap_prepaid', 'action', gwd.auto_Tap_prepaidAction, false);
        gwd.actions.events.removeHandler('tap_broadband', 'action', gwd.auto_Tap_broadbandAction, false);
        gwd.actions.events.removeHandler('tap_business', 'action', gwd.auto_Tap_businessAction, false);
        gwd.actions.events.removeHandler('accessibility', 'click', gwd.auto_AccessibilityTouchenter, false);
        gwd.actions.events.removeHandler('endcall_button', 'click', gwd.auto_Endcall_buttonClick1, false);
        gwd.actions.events.removeHandler('endcall_button', 'click', gwd.auto_Endcall_buttonClick, false);
        gwd.actions.events.removeHandler('endcall_yes', 'action', gwd.auto_Endcall_yesAction, false);
        gwd.actions.events.removeHandler('endcall_no', 'action', gwd.auto_Endcall_noAction, false);
        gwd.actions.events.removeHandler('endcall_no', 'action', gwd.auto_Endcall_noAction1, false);
        gwd.actions.events.removeHandler('endcall_yes', 'action', gwd.auto_Endcall_yesAction1, false);
        tawags.logout();
      };
      document.addEventListener("DOMContentLoaded", gwd.actions.events.registerEventHandlers);
      document.addEventListener("unload", gwd.actions.events.deregisterEventHandlers);
    </script>
    <script data-source="gwdtaparea_min.js" data-version="1.1" data-exports-type="gwd-taparea" type="text/javascript" src="gwdtaparea_min.js"></script>
    
    <script type="text/javascript">
    //tap_postpaid
//    (function (w ) {
//        
//    }( jQuery ));
    </script>

    
  </head>
  
  <body class="document-body">
    
    <div id="phonecontainer"></div>
    <div id="calllist" class="calllist"></div>
    
    <div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
      <div is="gwd-page" id="welcome" class="gwd-page-wrapper page1-content gwd-lightbox gwd-div-0t87" data-gwd-width="1080px" data-gwd-height="1920px" style="display: block;" data-gwd-name="">
        <div class="gwd-page-content page1-content gwd-div-g6i2">
          <img class="gwd-img-0ehd" is="gwd-image" source="assets/background.png" id="background">
          <img class="gwd-img-nxsw gwd-img-mxw9" is="gwd-image" source="assets/Sight Screens-07.png" id="welcometext">
          <img class="gwd-img-n5of" is="gwd-image" source="assets/Sight Screens-08.png" id="callbutton" alt="call-button">
          <gwd_animation_label_element data-label-name="label-1" data-label-time="0" data-label-animation-class-name="label-1"></gwd_animation_label_element>
          <img class="gwd-img-3spq gwd-gen-0mj0gwdanimation" is="gwd-image" source="/assets/Sight Screens-10_3.png" id="ad1_bg">
          <img class="gwd-img-l6k5 gwd-gen-ier3gwdanimation" is="gwd-image" id="ad1_main" source="/assets/gservices.png">
          <img class="gwd-img-d6us gwd-gen-re2bgwdanimation" is="gwd-image" id="ad2_bg" source="/assets/Sight Screens-13.png">
          <img class="gwd-img-cjbj gwd-gen-dz3jgwdanimation" is="gwd-image" id="ad3_bg" source="/assets/Sight Screens-09.png">
          <img class="gwd-img-igw1 gwd-gen-vk7rgwdanimation" is="gwd-image" id="ad4_bg" source="/assets/Sight Screens-11.png">
          <img class="gwd-img-pomk gwd-gen-03tlgwdanimation" is="gwd-image" source="assets/164298145.png" id="ad3_main">
        </div>
      </div>
      <div id="menu" is="gwd-page" class="gwd-page-wrapper gwd-lightbox gwd-div-y0ib" data-gwd-width="1080px" data-gwd-height="1920px" data-gwd-name="menu">
        <div class="gwd-page-content gwd-div-03ys">
          <img class="gwd-img-wo0x" is="gwd-image" source="assets/background.png" id="gwd-image_6">
          <img class="gwd-img-9glm gwd-gen-rgqlgwdanimation" is="gwd-image" source="assets/Sight Screens-14_1.png" id="postpaid">
          <img class="gwd-img-65a7" is="gwd-image" source="assets/Sight Screens-19.png" id="gwd-image_21">
          <img class="gwd-img-ii7c gwd-gen-i8wogwdanimation" is="gwd-image" source="assets/Sight Screens-15_1.png" id="prepaid">
          <img class="gwd-img-edbm gwd-gen-2enngwdanimation" is="gwd-image" source="assets/Sight Screens-16_1.png" id="broadband">
          <img class="gwd-img-yisc gwd-gen-21hpgwdanimation" is="gwd-image" source="assets/Sight Screens-17_1.png" id="business">
          <img class="gwd-img-m388 gwd-gen-sz31gwdanimation" is="gwd-image" source="assets/Sight Screens-18_1.png" id="accessibility">
          <img class="gwd-img-8abu" is="gwd-image" source="/assets/Sight Screens-20_1.png" id="gwd-image_24">
          <gwd-taparea id="tap_postpaid" class="gwd-taparea-o4gk gwd-taparea-4tm9"></gwd-taparea>
          <gwd-taparea id="tap_prepaid" class="gwd-taparea-o4gk gwd-taparea-o7hk"></gwd-taparea>
          <gwd-taparea id="tap_broadband" class="gwd-taparea-o4gk gwd-taparea-2bcq"></gwd-taparea>
          <gwd-taparea id="tap_business" class="gwd-taparea-o4gk gwd-taparea-f2su"></gwd-taparea>
          <img class="gwd-img-4gku gwd-gen-7ysbgwdanimation" is="gwd-image" source="assets/back.png" id="back_button">
          <gwd-taparea id="gwd-taparea_1" class="gwd-taparea-9lz3"></gwd-taparea>
        </div>
      </div>
      <div id="video" is="gwd-page" class="gwd-page-wrapper gwd-lightbox gwd-div-qc16" data-gwd-width="1080px" data-gwd-height="1920px" data-gwd-name="video">
        <div class="gwd-page-content gwd-div-4gs6">
            <img class="gwd-img-v17w" is="gwd-image" id="gwd-image_25" source="/assets/background.png">
            <img class="gwd-img-8abu gwd-img-p1rn" is="gwd-image" source="/assets/Sight Screens-20_1.png" id="gwd-image_26">
            <img class="gwd-img-nptb" is="gwd-image" source="/assets/Sight Screens-21.png" id="gwd-image_29">
            <!--img class="gwd-img-xuqj gwd-img-o7r7" is="gwd-image" id="gwd-image_30"-->
            <img class="gwd-img-xuqj gwd-img-alm5" is="gwd-image" id="gwd-image_31">
            <img class="gwd-img-7h94" is="gwd-image" source="/assets/endcall.png" id="endcall_dialog">
            <gwd-taparea id="endcall_yes" class="gwd-taparea-exnm"></gwd-taparea>
            <gwd-taparea id="endcall_no" class="gwd-taparea-dxd7"></gwd-taparea>
            <img class="gwd-img-0zce" is="gwd-image" source="/assets/cancel.png" id="endcall_button">
        </div>
      </div>
    </div>
    
    <!--div id="callcontainer" class="callcontainer">
        <div id="videocontainer"-->
            <div class="videocontainer" id="videocontainer">
                    <div class="remotename"></div>
                    <div class="callinfo"></div>
                    <div class="state"></div>
                <div id="remotevideocontainer" class="videocontainer" tabindex="999"></div>
            </div>
        <!--/div>
    </div-->
          

    <script type="text/javascript" id="gwd-init-code">
      (function() {
        document.body.style.opacity = "0";
        var pageDeck = document.getElementById('pagedeck');
        /**
         * Handles the DOMContentLoaded event. The DOMContentLoaded event is
         * fired when the document has been completely loaded and parsed.
         */

        function handleDomContentLoaded(event) {
          // Here are examples of tasks that can be performed in this method:
          // * Set dynamic values for element attributes.
          // * Show a progress image to the user before the Ad is shown.
        }

        /**
         * Handles the WebComponentsReady event. This event is fired when all
         * custom elements have been registered and upgraded.
         */
        function handleWebComponentsReady(event) {
          document.body.style.opacity = "";
          setTimeout(function() {
            pageDeck.goToPage(pageDeck.getDefaultPage().id);
          }, 0);
        }

        window.addEventListener('DOMContentLoaded',handleDomContentLoaded, false);
        window.addEventListener('WebComponentsReady',handleWebComponentsReady, false);
        })();
    </script>

    
  </body>

</html>

